<template>
   <div class="item-box">
      <LessionItem v-for="(item,index) in data" 
      :key="index" 
      :lessionTitle="item.title" 
      :lessionDesc="item.desc"
      class="item">
          <img :src="item.pic">
      </LessionItem>
   </div>
</template>

<script>
import LessionItem from '@/components/LessionItem.vue'
export default {
    components:{
        LessionItem
    },
    props:{
        data:{
            type:Array
        }
    }
}
</script>

<style lang="scss">
    .item-box{
        display: flex;
        .item{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-around;
        }
    }
</style>